$mainColor: #ffca0e;
$redColor: #ac2026;
$font24: 0.6rem;
/*-------------------------    start  ------------------------- */
html,body{ font-size: 125%; background-color: #f4f4f4;}
body{ font-family: "Microsoft Yahei", Arial, Verdana; padding: 0;}

ul{ margin: 0; padding: 0; list-style-type: none;}
li{list-style-type:none;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{ content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix{ *zoom: 1;}
.ell{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breakAll{ word-break: break-all;}
.overflow{ overflow: hidden;}
.borderRadius{ border-radius: 50%;}
.nowrap{ white-space: nowrap;}
.blockC{ margin-left: auto; margin-right: auto;}
.lineThrough{ text-decoration: line-through;}
.underline{ text-decoration: underline;}
input,a{ outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration:none;}
img { max-width: 100%;}
img.loadImg{ max-width: none;}
[v-cloak]{ display: none;}

/*-------------------------    end  ------------------------- */

/* 定位 */
.pa{ position: absolute;}
.pr{ position: relative;}
.pf{ position: fixed;}
/* block */
.db{ display: block;}
.dib{ display: inline-block;}
.dn{ display: none;}
/* text */
.textC{ text-align: center;}
.textL{ text-align: left;}
.textR{ text-align: right;}
/*background-color*/
.bgff{ background-color: #fff;}
.bgf0{ background-color: #f0f0f0;}
.bgf4{ background-color: #f4f4f4;}
/* border */
.border{ border: 1px solid #ccc;}
.borderN{ border: none;}
.borderT{ border-top: 1px solid #ccc;}
.borderB{ border-bottom: 1px solid #ccc;}
.dashedT{ border-top: 1px dashed #ccc;}
.dashedB{ border-bottom: 1px dashed #ccc;}
/* 灰色背景层 */
.borderspace{ border-bottom: 2.4% solid #f0f0f0;}
.borderTS{ border-top: 0.25rem solid #f4f4f4;}
/* border-radius */
.bRadius{ border-radius: 5px;}
/*font-size*/
.font12{ font-size: 0.25rem;}
.font18{ font-size: 0.45rem;}
.font20{ font-size: 0.5rem;}
.font22{ font-size: 0.55rem;}
.font24{ font-size: 0.6rem;}
.font26{ font-size: 0.65rem;}
.font28{ font-size: 0.7rem;}
.font30{ font-size: 0.75rem;}
.font32{ font-size: 0.8rem;}
.font34{ font-size: 0.85rem;}
.font36{ font-size: 0.9rem;}
.font40{ font-size: 1rem;}
.font42{ font-size: 1.05rem;}
.font48{ font-size: 1.2rem;}
.font60{ font-size: 1.5rem;}
.font80{ font-size: 2rem;}
.normal{ font-weight: normal;}
.bold{ font-weight: bold;}
/*line-height*/
.line12{ line-height: 1.2;}
.line15{ line-height: 1.5;}
.line2{ line-height: 2;}
/*padding*/
.pad12{ padding: 1.2%;}
.pad24{ padding: 2.4%;}
.pad40{ padding: 5.3%;}
.padT40{ padding-top: 5.3%;}
.padR40{ padding-right: 5.3%;}
.padB40{ padding-bottom: 5.3%;}
.padL40{ padding-left: 5.3%;}
.padTB40{ padding-top: 5.3%; padding-bottom: 5.3%;}
.padLR40{ padding-left: 5.3%; padding-right: 5.3%;}
.padTB24{ padding-top: 2.4%; padding-bottom: 2.4%;}
.padLR24{ padding-left: 2.4%; padding-right: 2.4%;}
.padT24{ padding-top: 2.4%;}
.padB24{ padding-bottom: 2.4%;}
.pad375{ padding: 3.75%;}

.padT23{ padding-top: 2.3rem;} 
.padB25{ padding-bottom: 2.5rem;}
.padB35{ padding-bottom: 3.5rem;}
.padB5{ padding-bottom: 5rem;}
/*margin*/
.mar24{ margin: 2.4%;}
.marTB24{ margin-top:2.4%; margin-bottom: 2.4%;}
.marT24{ margin-top: 2.4%;}
.marB24{ margin-bottom: 2.4%;}
.marL24{ margin-left: 2.4%;}
.marR24{ margin-right: 2.4%;}
.mar40{ margin: 5.3%;}
.marT40{ margin-top: 5.3%;}
.marB40{ margin-bottom: 5.3%;}
.marL40{ margin-left: 5.3%;}
.marR40{ margin-right: 5.3%;}
.marLR40{ margin-left: 5.3%; margin-right: 5.3%;}

.mar12{ margin: 1.2%;}
.marT12{ margin-top: 1.2%;}
.marB12{ margin-bottom: 1.2%;}
/*width*/
.w25 { width: 25%;}
.w33 { width: 33%;}
.w50 { width: 50%;}
.w100{ width: 100%;}

.wh45{ width: 0.95rem; height: 0.95rem;}
/*line-height*/
.line95{ line-height: 0.95rem;}
/*color*/
.color33{ color:#333;}
.colora3{ color: #a3a3a3;}
.color1c{ color: #1c1c20;}

.colorB{ color: #1a80e9;}
.colorY{ color: #aa7b2c;}
.colorR{ color: #942e44;}
.colorP{ color: #ff2740;}
.colore4{ color: $mainColor;}
.color60{ color: #606060;}
.color66{ color: #666;}
.color92{ color: #929292;}
.colorff{ color: #fff;}